<template>
  <div class="screenshot">
    <div class="picker-btn water" @click="onScreenshot">
      <el-icon :size="20">
        <MagicStick/>
      </el-icon>
      <span style="margin-left: 10px">截图工具</span>
    </div>
  </div>
</template>
<script lang="ts">
import {ElMessage} from 'element-plus'
import {ref} from 'vue';
import { copy } from '@/utils/tools'

export default {
  name: 'Screenshot',
  setup() {
    /* 截图逻辑 */
    const onScreenshot = () => {
      console.log('截图了')
    }
    return {onScreenshot}
  }
}
</script>
<style lang="scss">
.screenshot {
  width: 100%;
  height: 100%;

  .picker-btn {
    margin: 0 auto;
    width: 130px;
    height: 40px;
    font-size: 12px;
    color: #fff;
    background: #409EFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
}
</style>
